Website powered by

UI / UX Certification Course with Ivy Sang, UI / UX Director for Blizzard

I have just completed my certification course: UX/UI for Gaming with Ivy Sang (UI / UX Director for Blizzard) and online through Elvtr. This is an introduction course aimed at providing a solid foundation for aspiring UI / UX Artists and career pivoters, like myself. https://elvtr.com/course/ux-ui-for-gaming. Our classwork is graded by Jacob Lee, Visual Design Lead at Riot Games.

Focus was placed on developing fresh UI/UX skills with an emphasis on Player Satisfaction and Enjoyment in order to retain engagement, as well as learning to think from a Player or User's point-of-view in order to spot potential design pitfalls that could cause dissatisfaction.

I have really enjoyed learning a new way to apply my design skills towards a career in gaming, something which I am passionate about.

*This is just a school project and does not imply partnership with Fromsoftware / Elden Ring.

Assignment 1 - Player Journey

In this assignment we learned how to give feedback and break down what the player options and understanding of game progression was for various important menus and screens in this case study for an already released title.

Assignment 1 - Player Journey

In this assignment we learned how to give feedback and break down what the player options and understanding of game progression was for various important menus and screens in this case study for an already released title.

Assignment 2 - Paper Prototype and Flowchart

In this assignment we focused on Prototyping the game menus / options and developing a Flowchart that simulated the user experience of the game.

Assignment 2 - Paper Prototype and Flowchart

In this assignment we focused on Prototyping the game menus / options and developing a Flowchart that simulated the user experience of the game.

Assignment 3 - 1st and 2nd Iteration Wireframes and Usability Test

In this assignment we developed our own suggestions for improvements to several game screens and has testers review them. Revisions were made based on feedback.

Assignment 3 - 1st and 2nd Iteration Wireframes and Usability Test

In this assignment we developed our own suggestions for improvements to several game screens and has testers review them. Revisions were made based on feedback.

Assignment 3 - 2nd Iteration Title Screen Wireframe

Assignment 3 - 2nd Iteration Title Screen Wireframe

Assignment 3 - 2nd Iteration Class Selection Screen Wireframe

Assignment 3 - 2nd Iteration Class Selection Screen Wireframe

Assignment 3 - 2nd Iteration Equipment Screen Wireframe

Assignment 3 - 2nd Iteration Equipment Screen Wireframe

Assignment 3 - 2nd Iteration HUD Wireframe

Assignment 3 - 2nd Iteration HUD Wireframe

Assignment 4 -  High Fidelity UI Mockups and UI Style Guide 

The overall assignment featured Wireframe updates and revisions and care was made to review color blindness simulations and providing Font / Icon / Screen Style Guide Information.

Assignment 4 - High Fidelity UI Mockups and UI Style Guide

The overall assignment featured Wireframe updates and revisions and care was made to review color blindness simulations and providing Font / Icon / Screen Style Guide Information.

Assignment 4 -  High Fidelity UI Mockups and UI Style Guide - Title Screen

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.

Assignment 4 - High Fidelity UI Mockups and UI Style Guide - Title Screen

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.

Assignment 4 -  High Fidelity UI Mockups and UI Style Guide - Class Selection Screen

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.

Assignment 4 - High Fidelity UI Mockups and UI Style Guide - Class Selection Screen

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.

Assignment 4 -  High Fidelity UI Mockups and UI Style Guide - Equipment Screen

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.

Assignment 4 - High Fidelity UI Mockups and UI Style Guide - Equipment Screen

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.

Assignment 4 -  High Fidelity UI Mockups and UI Style Guide - HUD

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.

Assignment 4 - High Fidelity UI Mockups and UI Style Guide - HUD

This assignment was to develop highly polished and refined Wireframes after previous review and player considerations.